<template>
    <header>
        <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
        <img src="@/assets/images/1.svg" alt="">
        <div class="wrapper">
            <HelloWorld msg="You did it!" />
            <p>6666</p>
            <nav>
                <RouterLink to="/">Home</RouterLink>
                <RouterLink to="/about">About</RouterLink>
                <el-button type="success">Success</el-button>
            </nav>
        </div>
    </header>
    <RequestTest childProp="测试attrs"></RequestTest>
    <RouterView />
    <div>
        更新
        <UpdateToast></UpdateToast>
    </div>
</template>

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import RequestTest from './views/RequestTest.vue'
import { useCounterStore } from '@/stores/store';
import UpdateToast from './views/UpdateToast.vue'
const counterStore = useCounterStore();
</script>

<style scoped lang="less">
.wrapper {
    display: -webkit-box;
    width: 200px;
    color: red;

    p {
        color: green;
        font-size: 17px;
    }
}
</style>
